@import "../global/mixin.less";
.mobile-toc-mask {
  position: relative;
  background: rgba(#aaa, 0.6);
  width: 100%;
  height: 100%;
  .mobile-toc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    min-width: 280px;
    height: 100%;
    // @import "../partial/post-toc.less"; // 引入失效，不知道原因，那就手敲吧
    .post-toc {
      background: #fff;
      padding: 20px 5px 10px 20px;
      overflow: hidden;
      height: 100%;
      .post-toc-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
        .iconGroup {
          font-size: 20px;
        }
      }
      .post-toc-content {
        .toc-number {
          visibility: hidden;
        }
        .toc-text {
          .ellipsis(1);
          // 类名取得可能有问题
        }
        .toc-item {
          margin-top: 10px;
        }
        .toc-level-1 {
          padding-left: 0px;
        }
        .toc-level-2 {
          padding-left: 10px;
        }
        .toc-level-3 {
          padding-left: 10px;
        }
        .toc-level-4 {
          padding-left: 10px;
        }
        .toc-level-5 {
          padding-left: 10px;
        }
        .toc-level-6 {
          padding-left: 10px;
        }
      }
    }
  }
}
